<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $web_title?></title>
<meta name="title" content="<?php echo $meta_title?>" />
<meta name="description" content="<?php echo $meta_description?>" />
<meta name="keyword" content="<?php echo $meta_keyword?>" />
<meta name="copyright" content="SipShop <?php echo date('Y')?>" />
<meta name="author" content="Sip Development //  Web Agency" />
<meta name="developer" content="Sip Web Developer" />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url()?>images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>css/reset.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>css/camera.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>css/style.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>css/liquid/liquid-slider.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>css/liquid/animate.css" />
<script type="text/javascript">
// <![CDATA[
base_url = '<?php echo base_url()?>';
//]]>
</script>
<script src="<?php echo base_url()?>jquery/jquery.js"></script>
<script src="<?php echo base_url()?>jquery/jquery.easing.1.3.js"></script>
<script src="<?php echo base_url()?>jquery/jquery.touchSwipe.min.js"></script>
<script src="<?php echo base_url()?>jquery/jquery.liquid-slider.js"></script>
<script src="<?php echo base_url()?>jquery/camera.js"></script>
<script>
$(document).ready(function(){
	
  $('#slider-box').liquidSlider({
	  continuous:false,
	  autoHeight:true,
	  autoSlide:true,
	  pauseOnHover: true,
	  slideEaseFunction:'animate.css',
	  slideEaseDuration:1000,
	  heightEaseDuration:1000,
	  animateIn:"rotateInUpRight",
	  animateOut:"rotateOutUpLeft",
	  callback: function() {
		var self = this;
		$('.slider-box-panel').each(function() {
		  $(this).removeClass('animated ' + self.options.animateIn);
		});
	  }
	  
  });
  
  $('#camera').camera({
		loader: 'bar',
		pagination: false
  });
				
});

</script>
</head>
<body>
<div id="sipdev"> 
  
  <!-- Begin Header -->
  <div id="header"> 
    <!-- Begin Wrap -->
    <div id="wrap">
      <div class="logo"> <img src="<?php echo base_url()?>images/logo.png" /> </div>
      <div class="menu">
        <?php echo $this->data['menu_header'];?>
      </div>
      <div class="clear"></div>
    </div>
    <!-- End Wrap --> 
  </div>
  <!-- End Header --> 
  
  <!-- Begin Container -->
  <div id="container"> 
    
    <!-- Begin Wrap -->
    <div id="wrap"> 
      
      <!-- Begin Sidebar -->
      <div id="sidebar">
        <div class="box">
          <form id="search" method="post" action="">
            <input type="text" class="t-search" name="search" value="search..." />
            <input type="submit" value="" class="b-search" />
          </form>
          <div class="clear"></div>
        </div>
        <!-- End Box -->
        
        <div class="box1">
          <h1><span class="iart">Random Article</span></h1>
          <div id="slider-box" class="liquid-slider">
            <div class="bx-1"> <a href="#"><img src="<?php echo base_url()?>uploads/article/thumbs/dummy.png" width="100" align="left" /></a>
              <div class="desc">
                <h3><a href="#">Consectetur adipiscing elit. Nullam 
                  lobortis</a></h3>
                <p>Nunc dapibus porta ligula Nunc dapibus porta ligula massa porttitornec egestas nulla. Nunc dapibus porta ligula Nunc dapibus porta ligula massa porttitornec egestas nulla dolor Sit Amet Tellis conseqruat abilium...</p>
                <div class="link"><a href="#" class="readmore-blue">Read More</a></div>
              </div>
            </div>
            <div class="bx-1"> <a href="#"><img src="<?php echo base_url()?>uploads/article/thumbs/dummy.png" width="100" align="left" /></a>
              <div class="desc">
                <h3><a href="#">Consectetur adipiscing elit. Nullam 
                  lobortis</a></h3>
                <p>Nunc dapibus porta ligula Nunc dapibus porta ligula massa porttitornec egestas nulla. Nunc dapibus porta ligula Nunc dapibus porta ligula massa porttitornec egestas nulla dolor Sit Amet Tellis conseqruat abilium Nunc dapibus porta ligula massa porttitornec egestas nulla dolor Sit Amet Tellis conseqruat abilium vNunc dapibus porta ligula massa porttitornec egestas nulla dolor Sit Amet Tellis conseqruat abilium...</p>
                <div class="link"><a href="#" class="readmore-blue">Read More</a></div>
              </div>
            </div>
          </div>
        </div>
        <!-- End Box -->
        
        <div class="box1">
          <h1><span class="idown">Latest Download</span></h1>
          <div class="list-side">
            <div class="image"><img src="<?php echo base_url()?>images/format/pdf.png" /></div>
            <div class="desc">
              <h3>Consectetur adipiscing elit. Nullam lobortis</h3>
              <p class="date">Posted : 15 Jan 2015</p>
              <a class="link-download">Download</a> </div>
          </div>
          <div class="list-side">
            <div class="image"><img src="<?php echo base_url()?>images/format/excel.png" /></div>
            <div class="desc">
              <h3>Aliquam ante nibh, hendrerit non</h3>
              <p class="date">Posted : 15 Jan 2015</p>
              <a class="link-download">Download</a> </div>
          </div>
          <div class="list-side">
            <div class="image"><img src="<?php echo base_url()?>images/format/ppt.png" /></div>
            <div class="desc">
              <h3>Nulla ut cursus dolor, eu fringilla lectus</h3>
              <p class="date">Posted : 15 Jan 2015</p>
              <a class="link-download">Download</a> </div>
          </div>
          <div class="link-more"><a class="readmore-blue" href="download-list.php">More Download</a></div>
        </div>
        <!-- End Box -->
        
        <div class="box1">
          <h1><span class="iadv">Advertising</span></h1>
          <img src="<?php echo base_url()?>images/dummy-adv.png" align="center" width="364" style="margin-top:10px;" /> </div>
        <!-- End Box --> 
        
      </div>
      <!-- End Sidebar --> 
      
      <!-- Begin Content -->
      <div id="content">
        <?php $this->load->view($page)?>
      </div>
      <!-- End Content --> 
    </div>
    <!-- End Wrap --> 
  </div>
  <!-- End Container --> 
  
  <!-- Begin Footer -->
  <div id="footer">
    <div id="wrap">
      <div class="social"> <a href="#"><img src="<?php echo base_url()?>images/ic-tweet.png" /></a> <a href="#"><img src="<?php echo base_url()?>images/ic-fb.png" /></a> <a href="#"><img src="<?php echo base_url()?>images/ic-youtube.png" /></a> </div>
      <div class="copyright"> copyright &copy; <?php echo date('Y');?>, Name Of Web, powered by <a href="#" class="green">sipdev</a> </div>
      <div class="clear"></div>
    </div>
  </div>
  <!-- End Footer --> 
  
</div>
<!-- End Sipdev -->
</body>
</html>
